import React, { memo } from 'react'

import {
  HotRecommendWrap
} from './style'

import {OPTION_TITLE} from './constants'

import ThemeTitle from '@/components/theme-title'

import RecommendList from './recommend-list'

export default memo(function HotRecommend(props) {
  const {hotRecommend} = props

  return (
    <HotRecommendWrap>
      <ThemeTitle title="热门推荐" options={OPTION_TITLE} isRecommend={true} url="/discover/toplist" />
      <RecommendList list={hotRecommend} />
    </HotRecommendWrap>
  )
})
